import { Component } from "react";


// 当使用 Welcome 组件时，
// 如果在 <Welcome> 和 </Welcome> 之间书写了内容
// 则可以通过 props.children 来获取
// 若在 <Welcome> 和 </Welcome> 无任何内容，则 props 中就没有 children

export default class Welcome extends Component {
    render(){
        console.log( this );
        return (
            <div style={{border:'1px solid blue' , margin: '10px' }}>
                {this.props.children}
            </div>
        );
    }
}

/*
export default function Welcome(props) {
    return (
        <div style={{border:'1px solid blue' , margin: '10px' }}>
            热烈欢迎{props.children}
        </div>
    );
}
*/